<template>
    <div>
        测试页面
        <el-button type="primary" icon="el-icon-search" @click="methodclick">搜索</el-button>
        <el-input v-model="name"></el-input>
        <el-switch
  v-model="value2"
  active-color="#13ce66"
  inactive-color="#ff4949" >
</el-switch>
    </div>
</template>
<script>
export default {
  name:"test",
  data() {
    return {
      name: '',
      value2:true
    };
  },
  computed: {
  },
  methods: {
    methodclick(){
      this.$router.push({
        path:'/table'
      })
    }
  },
  created() {
  }
};
</script>
<style>
.el-switch__core:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    transition: all .3s;
    width: 16px;
    height: 16px;
    background-color: #fff;
  }
  .el-switch.is-checked .el-switch__core:after {
    left: 100%;
    margin-left: -17px;
  }
</style>>